<template>
  <t-aside style="border-top: 1px solid #e7e7e7">
    <t-menu v-model:value="actionMenu" theme="light" @change="clickMenu">
      <menu-content :menus="userState.menus" />
    </t-menu>
  </t-aside>
</template>

<script setup lang="ts">
import { useUserStore } from '@/store';
import MenuContent from './MenuContent.vue';
import { useActive } from '@/router';

const { push } = useRouter();
const { userState } = useUserStore()

const actionMenu = useActive()

const clickMenu = (path: any) => {
  push(path)
}
</script>

<style scoped lang="less"></style>
